<template>
    <div  style="background-color:gainsboro;height: 80px;text-align: right;">
        <div style="font-size: 18px;width: 300px;display: flex;justify-content: space-around;float: right;line-height: 80px">
            <div>
                <a-icon type="home" />
                    <span>首页</span>
            </div>
            <div>
                <a-icon type="user" />
                <span>用户</span>
            </div>
            <div>
                <a-icon type="login" />
                <router-link  :to="{name:'Login'}">
                    <span>登录</span>
                </router-link>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name:'Header',
        data() {
            return {

            };
        },
    }
</script>
<style>
</style>
